import React from 'react'
import { listITEM } from "../type/store.d"

interface MYPROPS {
    socerData: listITEM[];
    title:string
}
export default function PlayList(props: MYPROPS) {

    return (
        <div className='wrap'>
            <div className='hearder'>
                <h4>{props.title}</h4>
                <span>倒计时</span>
            </div>
            <div className='main'>
                {
                    props.socerData && props.socerData.map((item, index) => {
                        return (
                            <p key={index}>{index + 1}
                                <img src={item.portrait} alt="" />
                                <span>{item.name}</span>
                                <span className='growth'>{item.growth}</span>
                            </p>
                        )
                    })
                }
            </div>
        </div>
    )
}
